<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/layui/css/font/iconfont.css}" media="all"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/layui/js/layui/css/layui.css}"  media="all"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/bootstrap/bootstrap/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/bootstrap-table/bootstrap-table.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/table.css}"  media="all"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/bootstrap/bootstrap/css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/plugin/layui/js/select2/css/select2.css}" media="all"/>
    <style>
        .blocks{
            display: flex;
            flex-direction: column;
            width: 20rem;
            height: 6rem;
        }
        .blockout{
            display: flex;
            justify-content: space-between;
            margin: 1.5rem 0;
            padding: 0 1rem;
        }
    </style>
</head>
<body>
<div class="layui-fluid larry-wrapper" id="StandardVUE">
    <div class="layui-row layui-col-space30">
        <div class="layui-col-xs24">
            <section class="panel panel-padding layui-card-body" >
                <div class="pro">
                    <table id="table" data-undefined-text=">_<" data-height="400"></table>
                </div>
            </section>
        </div>
    </div>
</div>
</body>
<div th:include="public/public_js::public_js"></div>
<script th:src="@{plugin/beyond/assets/js/fuelux/wizard/wizard-custom.js}"></script>
<script>
    layui.use(['myform','zzpUtils','form','laydate','jquery','zzpValidation'],function () {
        var form = layui.form,
            zzpUtils = layui.zzpUtils
            ,laydate = layui.laydate
            ,zzpValidation = layui.zzpValidation
            ,$ = layui.jquery;


        // 行内按钮
        window.operateEvent ={
            "click #look":function (e, value, row, index) {
                layer.open({
                    title: false,
                    type:2,
                    content: "/zxsswms/outOperation/AllocationRow?id=" + row.id,
                    area: ['90%', '90%']
                })
            },
        }

        function operateFormatter(value, row, index) {
            return [
                '<a class="layui-btn layui-btn-xs" id="look">选择</a>',
            ].join('')
        }
        // 主页面table
        var $table = zzpUtils.table({
            elem: '#table',
            isApi: true,
            pagination: false,//分页开关
            checkboxHeader: false,
            showColumns: false,// 列选择
            url: '/wmsbox/selectZxmx',
            columns: [
                {field:'show_fymxzt',title:'明细状态'},
                {field:'bh',title:'货品名称'},
                {field:'mc',title:'货品名称'},
                {field:'bzmc',title:'包装名称'},
                {field:'fpsl',title:'主单位数量'},
                {
                    field:'caozuo',
                    title: '操作',
                    events:operateEvent,
                    formatter:operateFormatter
                }
            ],
            queryParams: function () {//查询条件
                return  {
                    ssfydid: localStorage['id'],
                    page: 1,
                    rows: 10
                };
            },

        });

    })

</script>
</html>